@charset "utf-8";
/* reset */
code{text-decoration:none;}/* 针对压缩特殊处理 */
html,body{width:100%;height:100%;/*overflow-x: hidden;*/
    -webkit-text-size-adjust:none;
    text-size-adjust:none;
}
a,img{
    -webkit-touch-callout: none; /* 禁止长按链接与图片弹出菜单 */
    -webkit-tap-highlight-color:transparent;    /* 禁止默认高亮背景 */
    tap-highlight-color:transparent;
}
html,body,h1,h2,h3,h4,h5,h6,p,br,form,input,button,textarea,select,fieldset,legend,blockquote,ul,ol,li,dl,dt,dd,pre,table,caption,tr,td,th,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,audio,video{display:block;}
body{font:14px Arial,'Microsoft YaHei';background-color:white;}
body{
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a,a:visited{color:#585858;text-decoration:none;}
textarea,select,input,button{vertical-align:middle;font-size:100%;}
address,cite,code,em,var,abbr,acronym,i,dfn{font-style:normal;}
input[type=text],input[type=password],input[type=email],input[type=search],input[type=submit],input[type=button],button,textarea{font:12px Arial,'Microsoft YaHei';-webkit-appearance:none;appearance:none;outline: none;}
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=search]:focus,textarea:focus{color:#353535;}
textarea{resize:none;}
i{display:inline-block;}/*用于修饰性小图标*/
table{border-collapse:collapse;}
ol,ul,li{list-style:none outside none;}
img,fieldset{border:none;}
legend{display:none;}
input[type="text"],input[type="time"],input[type="date"],input[type="datetime"],input[type="email"],input[type="password"],input[type=search],input[type=tel],textarea{border:none;background:none;padding:0;}
input[type="text"]:focus ,textarea:focus {outline:none;}
/*解决chrome输入框默认背景色*/
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
color: #005bac!important;
}

mark{background:#FFE324;padding:2px;} /* 高亮显示 */
/*input placeholder默认颜色设置*/
::-webkit-input-placeholder { 
    color:#b7b7b7; text-overflow: ellipsis; 
}
/* 显示隐藏 */
.dShow{display:block!important;}
.dHide{display:none!important;}
.vShow{visibility:visible!important;}
.vHide{visibility:hidden!important;}
/* 对齐方式 */
.ta_c{text-align:center !important;}
.ta_r{text-align:right;}
.ta_l{text-align:left!important;}
.ta_j{text-align:justify;text-justify:inter-ideograph;-webkit-text-align-last:justify;/*chrome 20+*/}
/* 水平垂直居中 */
.ta_av{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
   
    -webkit-box-pack: center; 
    -ms-flex-pack:center;/* IE 10 */  
    -webkit-justify-content:center; 
    justify-content:center;/* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/
    
    -webkit-box-align:center;
    -ms-flex-align:center;/* IE 10 */   
    -webkit-align-items: center;
    align-items: center;
}
/* 垂直居中*/
.ta_avC{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;/* Android */
    -ms-flex-align:center;/* IE 10 */
    -webkit-align-items:center;/* IOS */
    align-items:center; 
}

.dialogCenter{position:absolute;position:fixed;left:50%;top:50%;z-index:9999;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
/* 弹出层水平垂直居中 */
.layout_av{
    width:100%;height:100%;
    display:-webkit-box;
    display:box;
    -webkit-box-align:center;
    box-align:center;
    -webkit-box-pack:center;
    box-pack:center;
}
/*自动截断文本*/
.text-overflow {
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*自动换行*/
.word-break {
    word-break: break-all;
    word-wrap: break-word;
}
/*文字颜色*/ 
.c_red{color: #ff5e5e!important;}
.c_linkBlue{color: #30c5c3!important;}
.c_999{color: #999!important;}

/* 文字大小 */
.fz_12{font-size:12px !important;}
.fz_14{font-size:14px !important;}
.fz_15{font-size:15px !important;}
.fz_16{font-size:16px !important;}
.fz_18{font-size:18px !important;}
/* 定位 */
.p_fixed{position: fixed;top: 0;left: 0;width: 100%;z-index: 100;}
.p_relative{position:relative;}
.p_static{position:static;}
/* 外间距 */
.ml_5{margin-left:5px;}.mt_5{margin-top: 5px;}.mr_5{margin-right: 5px;}.mb_5{margin-bottom:5px;}
.ml_10{margin-left:10px;}.mt_10{margin-top:10px;}.mr_10{margin-right:10px;}.mb_10{margin-bottom:10px;}
.ml_15{margin-left:15px;}.mt_15{margin-top:15px;}.mr_15{margin-right:15px;}.mb_15{margin-bottom:15px;}
.ml_20{margin-left:20px;}.mt_20{margin-top:20px;}.mr_20{margin-right:20px;}.mb_20{margin-bottom:20px;}
/*内间距*/
.pl_5{padding-left: 5px;}.pt_5{padding-top: 5px;}.pr_5{padding-right: 5px;}.pb_5{padding-bottom: 5px;}
/* 盒子布局 */
.d-box{
    display: box;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
}
.b-flex{
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex:1;               /* IE10 */
    flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
    width: 20%;
}
/* 控制头部不固定样式 */
.noFixed{padding-top:0;}
.noFixed .headBar{position:static;}
/* 冻结区域 */
.localMask,.layoutMask,.tipsBoxmask{position:absolute;position:fixed;z-index:99;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.6);
    -webkit-animation:fadeOut .2s ease-out;
    animation:fadeOut .2s ease-out;
}

/****************************************************************RCS-考勤打卡**************************************************************/
/*图标*/
.i-back{width: 11px;height: 18px;background: url(../images/icons/i-arr-left.png) no-repeat 0 0;background-size: 100%;vertical-align: middle;}
.spot{width: 5px;height: 5px;background: #ccc;border-radius: 50%;}
.i-stru{width: 15px;height: 15px;background: url(../images/icons/groupName.png) no-repeat 0 0;background-size: 100%;vertical-align: middle;}
.i-map{width: 13px;height: 15px;background: url(../images/icons/map.png) no-repeat 0 0;background-size: 100%;vertical-align: middle;}
.i-clock{width: 15px;height: 15px;background: url(../images/icons/clock.png) no-repeat 0 0;background-size: 100%;vertical-align: middle;}
.i-member{width: 12px;height: 14px;background: url(../images/icons/member.png) no-repeat 0 0;background-size: 100%;vertical-align: middle;}
.i-del{width: 21px;height: 24px;background: url(../images/icons/del.png) no-repeat 0 0;background-size: 100%;vertical-align: middle;}
.i-write{width: 21px;height: 23px;background: url(../images/icons/write.png) no-repeat 0 0;background-size: 100%;vertical-align: middle;}
.unCheck{width: 24px;height: 24px;background: url(../images/icons/uncheck.png) no-repeat 0 0;background-size: 100%;vertical-align: middle;}
.check{width: 24px;height: 24px;background: url(../images/icons/check.png) no-repeat 0 0;background-size: 100%;vertical-align: middle;}
.i-left{width: 7px;height: 12px;background: url(../images/icons/i-left.png) no-repeat 0 0;background-size: 100%;vertical-align: middle;}
.i-up{width: 7px;height: 12px;background: url(../images/icons/i-up.png) no-repeat 0 0;background-size: 100%;vertical-align: middle;}
.i-down{width: 12px;height: 7px;background: url(../images/icons/i-down.png) no-repeat 0 0;background-size: 100%;vertical-align: middle;}
.i-arr-right,.i-arr-left{width: 8px;height: 14px;background: url(../images/icons/i-arr-right.png) no-repeat 0 0;background-size: 100%;vertical-align: middle;}
.i-arr-left{transform: rotate(-180deg);}
.i-fork{width: 15px;height: 15px;background: url(../images/icons/fork.png) no-repeat 0 0;background-size: 100%;vertical-align: middle;}
.i-fork:active{background: url(../images/icons/forkH.png) no-repeat 0 0;background-size: 100%;}
.pop_top{width: 300px;height: 80px;background: url(../images/icons/pop_top.png) no-repeat 0 0;background-size: 100%;vertical-align: middle;}
.i-company{width: 16px;height: 23px;background: url(../images/icons/company.png) no-repeat 0 0;background-size: 100%;vertical-align: middle;}
.i-outside{width: 17px;height: 21px;background: url(../images/icons/outside.png) no-repeat 0 0;background-size: 100%;vertical-align: middle;}
.i-location{width: 24px;height: 27px;background: url(../images/icons/location.png) no-repeat 0 0;background-size: 100%;vertical-align: middle;}
.i-search{width: 13px;height: 13px;background: url(../images/icons/i-search.png) no-repeat 0 0;background-size: 100%;vertical-align: middle;}
.i-blueMap{width: 20px;height: 24px;background: url(../images/icons/blueMap.png) no-repeat 0 0;background-size: 100%;vertical-align: middle;}
.i-enlarge{width: 20px;height: 20px;background: url(../images/icons/enlarge.png) no-repeat 0 0;background-size: 100%;vertical-align: middle;}
.i-narrow{width: 20px;height: 2px;background: url(../images/icons/narrow.png) no-repeat 0 0;background-size: 100%;vertical-align: middle;}
.i-close{width: 15px;height: 15px;background: url(../images/icons/close.png) no-repeat 0 0;background-size: 100%;vertical-align: middle;}
.i-detail{width: 17px;height: 23px;background: url(../images/icons/detail.png) no-repeat 0 0;background-size: 100%;vertical-align: middle;}
.nothingImg{width: 110px;height: 110px;background: url(../images/others/nothing.png) no-repeat 0 0;background-size: 100%;vertical-align: middle;}
.i-que{width: 18px;height: 18px;line-height:18px;text-align: center; color: #30c5c3;font-size: 15px;background: #fff;border-radius: 50%;-webkit-border-radius:50%;display: inline-block;}
.i-white-fork{width: 15px;height: 15px;background: url(../images/icons/i-white-fork.png) no-repeat 0 0;background-size: 100%;vertical-align: middle;}

.triangle{position: relative;top: -4px; width: 17px;height: 10px; overflow: hidden;display: inline-block;}
.i-arrow{position: absolute;left: 3px;top: -6px; width: 10px;height: 10px;background: #efeff4;border:1px solid #d0d0dc;border-radius: 2px;transform: rotate(45deg);}
.btn{height: 45px;line-height: 45px; font-size: 16px;color: #fff;background: #30c5c3;border-radius: 20px;}
.attBtn{width: 100px;height: 100px;border-radius: 50%;background: #30c5c3;font-size: 22px;color: #fff;text-align: center;}
.addBtn{width: 60px; height: 28px;line-height: 28px;font-size: 12px;text-align: center; color: #30c5c3;border: 1px solid #30c5c3;border-radius: 20px;display: inline-block;}
.outside-btn{background: #fea424;}
.switchBox{width: 80px;height: 27px;line-height: 27px;border-radius: 20px;background: #fff;font-size: 12px;color: #999;}
.switchOn{width: 40px;border-radius: 20px;color: #fff;background: #30c5c3;}
.grayBtn{background: #ccc;}
.bg_cyan{background: #30c5c3;}
.bg_gray{background: #efeff4;}
.export{width: 60px;padding-right: 10px; font-size: 12px;color: #fff;display: inline-block;}
.btn_default{padding: 2px 6px;color: #fff;background: #30c5c3;font-size: 12px;border-radius:6px;-webkit-border-radius:6px;}
.btn_red{background: #ff5e5e;}
.border-left{border-left: 1px solid #fff;}

/*弹窗*/
.popBody{background: #fff;border-radius: 8px;}
.popTitle{padding: 7px; border-bottom: 1px solid #30c5c3;}
.popTitle h1{font-size: 18px;color: #30c5c3;font-weight: bold;}
.range{margin-left: 20px;font-size: 15px;}
.range li{padding-right: 20px;height: 45px;line-height: 45px; border-bottom: 1px solid #efeff4;}
.popMain .btnCon{padding: 15px 50px;}
.popMain .btnCon .btn{height: 35px;line-height: 35px;}
.timeControlBox{padding: 0 20px; height: 229px;overflow: hidden;}
.timeSelect{position: relative;}
.timeList{position: absolute;width: 50%;}
.timeList li{height: 45px;line-height: 45px;font-size: 18px;color: #000;}
.currentTime{position: absolute;top: 88px;width: 100%; height: 45px;line-height: 45px;font-size: 18px;color: #000;text-align: center; border-top: 1px solid #efeff4;border-bottom: 1px solid #efeff4;}
.mask{position: absolute;top: 0;width: 38%; height: 229px;background: linear-gradient(#fff 5%,rgba(255,255,255,0) 48%,rgba(255,255,255,0) 48%,#fff 92%); background: -webkit-linear-gradient(#fff 5%,rgba(255,255,255,0) 48%,rgba(255,255,255,0) 48%,#fff 92%);z-index: 9;}
.confirmBox{width: 259px;}
.popTxt{padding: 20px 0; text-align: center;border-bottom: 1px solid #30c5c3;}
.popTxt h3{font-size: 15px;}
.popTxt-btn{height: 41px;line-height: 41px;font-size: 14px;color: #30c5c3;}
.popTxt-btn div:first-child{border-right: 1px solid #30c5c3;}
.popTips{padding: 15px 0 10px;font-size: 12px;color: #999;text-align: center;}
.pop_move .popTitle{padding: 7px 0;}
.pop_move .memberList{height: 229px;overflow-y: auto;border-bottom: 1px solid #efeff4;}
.pop_move .btnCon{padding: 14px 50px 15px;}
.ipt-box{margin: 15px 0 0;}
.ipt{padding: 0 8px!important; width: 213px;height: 26px;line-height: 26px; border: 1px solid #e0e0e0!important;}
/*浮层*/
.tipsLayer{width: 158px;height: 33px;line-height: 33px;font-size: 12px;color: #464e4e;text-align: center; background: #efeff4;border:1px solid #d0d0dc;border-radius: 5px;}
.popLayer{width: 225px;padding: 12px 0; background: rgba(0,0,0,.3);border-radius: 20px;font-size: 16px;color: #fff;text-align: center;}
/*下拉框*/
.searchList{margin-top: 1px; background: #fff;border: 1px solid #efeff4;border-radius: 4px;max-height: 70%;overflow: auto;}
.searchList .range li{padding: 8px 20px 8px 0; height: auto;line-height: 20px;}
.searchList .range li:last-child{border-bottom: none;}
.searchList .range li .locationName,.searchResult .locationName{color: #30c5c3;}
.searchList .range li i{margin-top: 8px;}
.searchList .range li .i-blueMap{margin-right: 13px;}
.searchResult{padding: 5px 0; line-height: 20px;}
/*推送引导*/
.guide-pop{width: 258px;height: 334px;background: url(../images/others/guide.png) center center no-repeat;background-size: 100%;}

.wrap{padding-top: 64px;margin-bottom: 55px;}
.defaultWrap{padding-top: 44px;}/*安卓顶部*/
.mainPage{padding: 0 30px;}
.headBar{position: absolute;position: fixed;top: 0;left: 0;right: 0;height: 44px;line-height:44px;background: #30c5c3;z-index: 9;}
.wrap .headBar{padding:20px 0 0 0;}
.asideBox{width: 44px;text-align: center;}
.nextStep{width: 44px; font-size: 12px;color: #fff;display: inline-block;}
.headTitle{font-size: 18px;color: #fff;font-weight: bold;text-align: center;}
.imgCon{margin: 0 auto;width: 200px;}
.txtCon .spot{margin-top: 7px;margin-right: 10px;}
.txtCon{font-size: 15px;color: #999;}
.staffAdd .btnCon{margin-top: 37px;}
.txtSample{margin: 17px 0 0 9px;font-size: 12px;color: #999;}

.attGroup,.addGroup{padding-top: 46px;}
.attGroup .content{width: 225px; margin: 0 auto 32px}
.attGroup .txtCon{padding: 18px 0 32px;}
.addGroup .txtCon li:first-child{margin-top: 24px; color: #464e4e;font-size: 15px;}
.addGroup .btnCon{width: 240px;margin: 32px auto 32px;}
.attIntro{padding: 15px 0;text-align: center;}
.attIntro .txtCon{color: #fff;padding: 12px 0 48px;}
.attIntro .imgCon{width: 295px;}
.attIntro .content{width: ;font-size: 27px;color: #fff;}
.attIntro .btnCon .btn{margin: 19px auto; width: 157px; background: #fff;color: #30c5c3;}
.attGroup .staffAdd{padding-top: 23px; width: 255px;}
.staffAdd h3{font-size: 15px;color: #464e4e;}
.staffAdd .txtCon{padding: 4px 0 0;font-size: 12px;}
.staffAdd .txtCon .spot{margin-right: 3px;}
.manageList li{background: #fff;border-bottom: 10px solid #efeff4;}
.manageItem{padding: 10px 20px;}
.manageDl aside{width: 25px;}
.groupTitle{margin-bottom: 13px; font-size: 17px;color: #000;}
.manageDl dd{margin-bottom: 10px; font-size: 12px;color: #999;}
.groupAddr{padding-left: 1px;}
.actBar aside{width: 30px;}
.groupInfo li{padding: 5px 20px 6px; background: #fff;border-bottom: 1px solid #efeff4;}
.groupInfo li aside{font-size: 17px;color: #000;}
.detailInfo{font-size: 12px;color: #999;}
.detailInfo .workTime{width: 50px;text-align: center;display: inline-block;}
.detailInfo .i-arr-right{margin-left: 10px;}
.detailInfo .switchBox{width: 90px;border:1px solid #30c5c3;color: #30c5c3;font-size: 12px;}
.memberBox{background: #fff;}
.memberAdd{padding: 0 20px;height: 45px;line-height: 45px;border-bottom: 1px solid #efeff4;font-size: 17px;}
.memberAdd .addBtn{width: 80px;}
.memberList li{padding: 9px 20px;}
.memberList .detailInfo{word-break: break-all;}
.iptName{width: 170px;outline: none;border: none;text-align: right!important;}
.frameBox{padding-bottom: 55px;}
.frameItem{padding-left: 20px; background: #fff;font-size: 15px;color: #000;}
.frameItem .i-up,.frameItem .i-down{margin-left: 10px;}
.frameItem .check,.frameItem .unCheck{margin-right: 10px;}
.frameHead,.frameGroup,.frameChild li{height: 45px;line-height: 45px;}
.frameDepartment{padding-right: 20px;border-bottom:1px solid #efeff4;}
.frameMain{margin-left: 34px;border-bottom: 1px solid #efeff4;}
.frameChild{margin-left: 34px;}
.acount{color: #999;}
.footBar{position: fixed;bottom: 0;left: 0;right: 0;padding: 0 20px; height: 55px;line-height: 55px;background: #fff; border-top: 1px solid #ccc;}
.footBar .btn{width: 136px;height: 30px;line-height: 30px;font-size: 16px;text-align: center; display: inline-block;}
.attTopBar{position: fixed;top: 44px;left: 0;}
.wrap .attPage .attTopBar{top: 64px;}
.attHead{padding: 10px 30px 4px 20px;color: #fff;background: #30c5c3;}
.attPage{padding-bottom: 45px;}
.mapImg{line-height: 39px;margin-right: 5px;}
.attDepartment h2{font-size: 17px;}
.attMain{margin: 100px 0 165px; padding: 0 30px 0 25px;}
.attList{border-left: 1px solid #efeff4;}
.attList li{margin-bottom: 20px;}
.attSpotBox{line-height: 55px;margin-left: -6px;}
.attSpotBox .spot{width: 10px;height: 10px;}
.attInfoCon{padding: 0 10px 0 25px;}
.attInfo{padding: 5px 10px 6px; background: #efeff4;border-radius: 4px;}
.attTime{color: #464e4e;font-size: 24px;}
.attLocation{font-size: 12px;color: #999;}
.punchWay{font-size: 15px;color: #999;}
.punchWay .i-company,.punchWay .i-outside{margin-right: 8px;}
.punchWay span{padding-top: 1px;}
.newAtt .spot,.newAtt .attInfo{background: #30c5c3;}
.newAtt .attTime,.newAtt .attLocation,.newAtt .punchWay,.outside .attInfo .attTime,.outside .attInfo .attLocation,.outside .attInfo .punchWay{color: #fff;}
.newAtt .i-company{background: url(../images/icons/companyH.png) no-repeat 0 0;background-size: 100%;}
.outside .i-outside{background: url(../images/icons/outsideH.png) no-repeat 0 0;background-size: 100%;}
.attBtnCon{position: fixed;bottom: 45px;left: 0;padding: 5px 0; width: 100%;background: #fff;}
.attBtnCon .attBtn,.attBtnCon .tipsLayer{margin:0 auto;}
.attPage .footBar{height: 45px;line-height: 45px;border-top: none;background: #efeff4;font-size: 16px;color: #30c5c3;text-align: center;}
.outside .spot{background: #fea424;}
.outside .attInfo{background: #fea424;}

.searchBox{padding: 8px 10px;border-bottom: 1px solid #efeff4;}
.searchCon{padding: 0 10px; height: 27px;line-height: 27px;border-radius: 4px;}
.searchBox .searchCon{background: #efeff4!important;}
.searchCon .i-search{margin-top: 8px;margin-right: 9px;}
.cancel{padding: 5px; color: #30c5c3;}
.mapBox{background: #fff; border-bottom: 1px solid #efeff4;}
.anotherPage{padding-top: 265px;}
.locationList .frameHead{height: auto;line-height: 20px;}
.locationName{font-size: 15px;color: #010101;}
.locationList .frameDepartment {padding: 7px 20px 7px 0;}
.locationList .frameDepartment .check{margin-top: 8px;margin-right: 0;}
.setLocation{position: relative;}
.setLocation .searchBox{position: fixed;width: 94%;height: 100%; top:44px;z-index:9;border:none;}
.selectLocation{position: fixed;width: 100%;top:0;left: 0; z-index: 9;background: #fff;}
.wrap .selectLocation{top: 64px;}
.defaultWrap .selectLocation{top: 44px;}
.wrap .selectLocation.p_fixed,.defaultWrap .selectLocation.p_fixed{top: 0;}
.wrap .selectLocation.p_fixed .searchBox{padding-top: 28px;}
.wrap .setLocation .searchBox{position: fixed;width: 94%;height: 100%; top:64px;z-index:9;border:none;}
.setLocation .searchCon{background: #fff;height: 49px;}
.setLocation .searchCon .i-search{margin-top: 19px;}
.setLocation .searchCon input{font-size: 15px;color: #000;}
.zoomBox{position: absolute;bottom: 20px;right: 20px;width: 45px;background: rgba(255,255,255,0.9); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);border-radius: 5px;z-index: 99;}
.zoomCon{height: 45px;line-height: 45px;text-align: center;}
.zoomCon:last-child{border-top: 1px solid #efeff4;}
.navBar{height: 40px;line-height: 40px;background: #fff;}
.navItem{margin: 0 24px; font-size: 15px;color: #999;text-align: center;}
.navItem.on{color: #30c5c3; border-bottom: 1px solid #30c5c3;}
.formsHead{padding: 9px 20px;background: #efeff4;}
.currentDate{line-height: 27px; color: #999;font-size: 12px;text-align: right;}
.currentDate .i-down{margin-left: 5px;}
.formsMain{padding: }
.formsMain_head{padding: 0 20px;height: 42px;line-height: 42px; font-size: 12px;color: #999;}
.formsMain_head h3{font-size: 17px;color: #000;}
.attType li{margin-bottom: 17px;}
.circle{margin: 10px auto 6px; width: 60px;height: 60px;line-height: 60px;border:2px solid #bcdddd;border-radius: 50%; text-align: center;font-size: 24px;color: #30c5c3;}
.borderRed .circle{border:2px solid #ffbebe;color: #ff5e5e;}
.borderGray .circle{border:2px solid #dcdcdc;color: #999;}
.attType li p{font-size: 15px;color: #000;}
.formsFoot{margin: 5px 20px; height: 44px;line-height: 44px;border-top: 1px solid #efeff4;font-size: 15px;color: #839090;text-align: center;}
.formsFoot .i-detail{margin-right: 14px;}
.navBar h3{font-size: 15px;color: #999;}
.detailsTitle{position: relative; padding: 4px 20px 5px;font-size: 17px;color: #000;background: #efeff4;}
.detailsTitle var{margin-left: 12px; font-size: 12px;}
.detailsTitle span{font-size: 12px;}
.detailsTitle .btn_default{position: absolute;right: 20px;top: 4px;}
.detailsHead{border-bottom: 1px solid #efeff4;font-size: 12px;color: #999;text-align: center;}
.detailsHead li{padding: 5px 0; }
.detailsHead li:nth-child(2),.detailsList li:nth-child(2),.detailsMonth .detailsHead li:nth-child(4),.detailsMonth .detailsList li:nth-child(4),.staffMain .detailsHead li:nth-child(4),.staffMain .detailsList li:nth-child(4){border-left: 1px solid #efeff4;border-right: 1px solid #efeff4;}
.detailsList{border-bottom: 1px solid #efeff4;text-align: center;}
.detailsList li{padding: 6px 0;font-size: 12px;word-break: break-all;}
.detailsList li p{color: #999;}
.dateSelect .timeList{width: 38%;}
.detailsMonth .detailsHead li:last-child,.detailsMonth .detailsList li:last-child{border-left: 1px solid #efeff4;}
.staffName span{margin-right: 5px; font-size: 12px;color: #30c5c3;line-height: 27px;}
.staffDetails{text-align: center;font-size: 15px;color: #30c5c3;line-height: 27px;}
.attNothing{padding: 280px 0 95px;text-align: center;}
.attNothing .nothingImg{margin: 0 auto 7px;}
.nothingTxt{font-size: 15px;color: #999;}
.guide{line-height: 39px; font-size: 12px;}
.guide .i-que{margin-right: 6px;}
.attGuide{text-align: justify; background: #efeff4;}
.attGuide .part{background: #fff;}
.attGuide h2{padding: 15px 16px 13px; font-size: 15px;color: #000;font-weight: bold;}
.part-con{font-size: 14px;color: #333;border-bottom: 1px solid #efeff4;}
.part-con:last-child,.part-list:last-child{border-bottom: none;}
.part-con p{padding: 0 16px;margin-bottom: 5px;font-size: 14px;color: #000;}
.part-list{padding-bottom: 10px;border-bottom: 1px solid #efeff4;}
.member-list{border-bottom: 1px solid #efeff4;}
.part-list h3{padding: 0 16px;margin: 10px 0; font-size: 15px;color: #000;font-weight: 600;}
.note{padding: 5px 23px 10px 20px;line-height: 18px; font-size: 12px;color: #949293;}
.guide-img{min-width: 320px;}
.guide-img img{width: 100%;}
.rule-txt{padding: 5px 20px;line-height: 20px; text-align: center;font-size: 14px;color: #000;}
/*异常申诉*/
.reasonArea{ padding: 8px 0;margin-bottom:10px;background: #fff;}
.reason-textarea{width: 100%;height: 78px;padding: 0 20px;font-size: 12px;}
.attachBox{padding: 18px 20px 3px; background: #fff;overflow:hidden;}
.attachItem{position: relative; float: left; margin-right: 10px;margin-bottom: 15px; width: 50px;height: 50px;display: inline-block;vertical-align: top;}
.attachItem img{width: 100%;}
.approverImg img{border-radius: 50%;-webkit-border-radius:50%;}
.attachItem .i-white-fork{position: absolute;right: 0;bottom: 0;}
.addItem{background: url(../images/icons/attach.jpg) no-repeat;background-size: 100%;}
.initiator{font-size: 15px;}
.initiator-img{width: 30px;height: 30px;border-radius: 50%;-webkit-border-radius:50%;overflow: hidden;}
.initiator-img img{width: 100%;}
.approver{font-size: 15px;color: #999;}
.approvalCon{padding: 10px 20px; background: #fff;border-bottom: 1px solid #efeff4;}
.approvalDetails li{line-height: 23px; font-size: 15px;}
.approvalDetails li .attachBox{padding: 10px 0 0;}
.approvalDetails li .attachBox .attachItem{margin-bottom: 5px;}
.flowBox{padding: 15px 20px 1px; background: #fff;}
.flowBox .attList li{margin-bottom: 15px;}
.flowBox .attInfoCon{height: 56px;}
.flowBox .attInfo{padding: 11px 18px;}
.flowBox .punchWay{font-size:15px;color: #000;}
.flowBox .newAtt .punchWay,.flowBox .newAtt .sub-name{color: #fff;}
.flowBox .v-line{position: absolute;left: 4px;top: 32px;width: 1px;height: 66px;display: inline-block;background: #efeff4;}
.sub-name{font-size: 15px;color: #000;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.sub-time{font-size: 12px;color: #000;}
.foot-opt{padding: 0;}
.appealList{border-top: 10px solid #efeff4;}
.appealList li{padding: 8px 20px;}
.addApprover{padding: 11px 20px;line-height: 23px; background: #fff;font-size: 14px;color: #30c5c3;}
.approver-admin{margin-right: 10px;display: inline-block;}
.admin-img{margin: auto; width: 30px;height: 30px;overflow:hidden;}
.admin-img img{width: 100%;}
.admin-name{font-size: 14px;color: #999;}
.approvalList li{padding: 10px 20px;}
.approvalList li aside{font-size: 15px;}
.state-list{background: #fff;}
.state-list li{border-bottom: 1px solid #efeff4;}
.work-time{padding: 7px 20px;font-size: 16px;}
.work-time aside{line-height: 29px;}
.punch-state{margin-left: 20px; padding: 10px 20px 11px 0; border-top: 1px solid #efeff4;line-height: 21px;}
.noRecord{margin: 68px auto;width: 165px;text-align: center;font-size: 16px;color: #000;}
.noRecordImg{margin-bottom: 22px; width: 165px;height: 165px;background: url(../images/others/noRecord.png) no-repeat;background-size: 100%;}
.groupManage .footBar{border-top: 1px solid #ccc}
.groupManage .footBar .btn{width: 150px;}
.lateCount{line-height: 27px; color: #999;font-size: 12px;}
.lateCount span{padding: 0 5px;}
.lateName{font-size: 17px;color: #000;}
.deptName{font-size: 12px;color: #999;}
.longLate{line-height: 39px;}
.longLate span{margin-right: 10px; }
.countList .countItem{padding: 11px 20px 11px;border-bottom: 1px solid #efeff4;}
.countList .personal{padding: 5px 20px 6px; border-bottom: 10px solid #efeff4;}
.countList .personal .currentDate{line-height: 39px;}
.dropdownList{border-bottom: 1px solid #efeff4;}
.dropdownList li{padding: 11px 20px 11px 0; margin-left:20px;border-bottom: 1px solid #efeff4;}
.dropdownList li:last-child{border-bottom: none;}